<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>聚衣商城</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../lib/css/swiper.min.css">
    <link rel="stylesheet" href="../../lib/css/animate.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">

</head>

<body>
    <div class="app-wrap" v-cloak id="res">
        <div class="login_top-bg ptb-22">
            <div class="login_top container">
                <div class="login_top-left">
                    <a class="login_top-left-logo" href="http://www.juyihome.com/"><img src="../../img/logo.png" title="聚衣商城"></a>
                    <h1>欢迎注册</h1>
                </div>
                <div class="login_top-right">
                    <p>已有账号？<a href="login.html">请登录</a></p>
                </div>
            </div>
        </div>
        <div class="login_res container">
            <div class="left">
                <div class="left-input">
                    <p>用 户 名<span></span></p>
                    <input type="text" placeholder="您的账户名和登录名" v-model="registerInfo.userName" />
                </div>
                <div class="left-input">
                    <p>设 置 密 码<span></span></p>
                    <input type="text" placeholder="建议至少使用两种字符组合" v-model="registerInfo.loginPassword" />
                </div>
                <div class="left-input">
                    <p>确 认 密 码<span></span></p>
                    <input type="text" placeholder="请再次输入密码" v-model="registerInfo.reloginPassword" />
                </div>
                <div class="left-input">
                    <p>手 机 号 码<span></span></p>
                    <input type="text" placeholder="请输入11位手机号" v-model="registerInfo.telephone" />
                </div>
                <div class="left-input">
                    <p>手机验证码<span></span></p>
                    <input type="text" placeholder="请输入手机验证码" v-model="registerInfo.verificationCode" />
                    <button @click="sendCode" >{{codeButton}}</button>
                </div>
                <button @click="register">立即注册</button>
                <div class="left-agree">
                    <i :class="{'icon-res_agree':(resagree==1)}" @click="clickresagree"></i>
                    <p>我已阅读并同意</p>
                    <a href="#" target="_blink">《用户注册协议和隐私注册》</a>
                </div>
            </div>
            <div class="right">
                <div class="right-moble">
                    <img src="https://dummyimage.com/144x144/79b0f2">
                    <p>扫一扫</p>
                    <p>下载聚衣商城APP</p>
                </div>
            </div>
        </div>
        <div class="login_footer container mt-30">
            <ul>
                <li><a href="#">关于我们</a></li>
                <li>|</li>
                <li><a href="#">联系我们</a></li>
                <li>|</li>
                <li><a href="#">人才招聘</a></li>
                <li>|</li>
                <li><a href="#">商家入驻</a></li>
                <li>|</li>
                <li><a href="#">广告服务</a></li>
                <li>|</li>
                <li><a href="#">手机聚衣</a></li>
                <li>|</li>
                <li><a href="#">聚衣社区</a></li>
                <li>|</li>
                <li><a href="#">聚衣公益</a></li>
            </ul>
            <p>Copyright 江苏聚衣网络科技有限公司 苏ICP备17069327号-1</p>
        </div>
    </div>
    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/axios.min.js"></script>
    <script src="../../lib/js/swiper.min.js"></script>
    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="../../lib/js/mock.js"></script>
    <script src="../../js/all.min.js"></script>
    <script>
        res();
    </script>
</body>

</html>